<!-- ignore the following lines, they are not important to this demo -->
<jigsaw-demo-description [summary]="summary" [content]="description">
</jigsaw-demo-description>


<!-- start to learn the demo from here -->
<jigsaw-dialog width="400px" (close)="onAnswer()">
    <div jigsaw-title>
        <span class="fa fa-thumbs-up"></span>Title of the dialog
    </div>
    <div jigsaw-body>
        <ul class="dialog-content">
            <li>Dialog content...</li>
            <li>Dialog content...</li>
            <li>Dialog content...</li>
        </ul>
    </div>
    <div jigsaw-button-bar>
        <jigsaw-button colorType="primary" (click)="onAnswer('OK')">OK</jigsaw-button>
        <jigsaw-button (click)="onAnswer('Cancel')">Cancel</jigsaw-button>
    </div>
</jigsaw-dialog>
